<template>
  <!-- <a-modal class="common-modal sync-data-modal" :title="null" :footer="null" style="top: 35%" :width="420" :visible="visible" :closable="false" :maskStyle="{backgroundColor:'rgba(255, 255, 255, 0.5)'}" > -->
  <a-modal class="common-modal sync-data-modal" :title="null" :footer="null" centered :width="420" :visible="visible" :closable="false" :maskStyle="{backgroundColor:'rgba(255, 255, 255, 0.6)'}" :dialogStyle="{backgroundColor: 'red!important'}">
    <div class="text-center">
      <a-spin size="large"></a-spin>
      <div class="text-primary mt-10 ft-size16">
        {{$t('components.synchronizingDoNotExit')}}
      </div>
    </div>
  </a-modal>
</template>

<script setup >
import { ref } from 'vue'
let visible = ref(false)

defineExpose({
  visible
})




</script>